 
/*页面初始化，采用flexbox布局模型*/
html,body{
  height: 100%;
}
body{
  display: flex;
  flex-direction: column;
  height: 100%;
}
header{

 flex: 0 0 auto;
}
section{
  margin-bottom: 20px;
  flex: 1 0 auto;
}
footer{
  /*background: #333;*/
  flex: 0 0 auto;
}



/*头部导航栏*/
header {
  padding-bottom:80px;
}

.navbar-mynav {
  font-size: 15px;
  /*font-family: consola,Microsoft Yahei,SimSun,Monaco;*/


}
.navbar-mynav a.navbar-brand {
  padding:0px 6px;

}

.navbar-brand > .logo-logo {
    display: inline-block;
}

.navbar-brand .logo-text {
  color:#fff;
}





a:hover {
  text-decoration: none;
}

/*页面头部标题*/
.page-title {
  text-align: center;
}



.form-item {
  margin-bottom: 26px;
}

/*底部*/
footer {
  width: 100%;
  padding-top: 20px;
  background-color: #292929;;
}

.footer-top {
 border-bottom: 1px solid #8994a3;
 margin-bottom:16px;
}

.footer-top h4,.footer-top p,.list-inline >li  {
  color: #8994a3;
}
.list-unstyled > li {
  line-height: 32px;
}

.list-unstyled > li a {
  color: #eee;
}

.footer-bottom ul>li {
  padding: 0;
}

.footer-bottom ul > li + li::before {
 padding: 0 10px;
 content: "|";
}

/*页面竖向滚动条美化*/
::-webkit-scrollbar {
  width: .2rem;
  height: 1rem;
  background-color: #33404f;
}

::-webkit-scrollbar-track {
  background: #ccc;
}

::-webkit-scrollbar-thumb {
  background: #8994a3;
}

/*表单校验样式*/
.bv-form .help-block {
    font-size: 13px;
  }


/*适配移动端爱疯4,5的屏幕宽度*/
  @media (max-width: 320px) {
    /*表格和分页条某些列加了这个类在手机浏览就不再显示*/
     .mobile-unshow {
      display: none; 
    }

  }
 
 /*表格标题在PC端不显示，在那些小屏幕才显示表头*/
  @media (min-width: 330px) {
   
    .pc-unshow {
      display: none;
    }

  }


